<style>
    .layui-form-item .layui-input-inline {
        width: 260px;
    }
</style>
<div class="layui-form" lay-filter="layPopup" style="padding: 20px 30px 0 0;">
    <div class="layui-form-item">
        <label class="layui-form-label">组名</label>
        <div class="layui-input-inline">
            <script template type="text/html">
                <input type="text" name="name" value="{{ d.params.name }}" lay-verify="required"
                       placeholder="请输入组名" autocomplete="off"
                       class="layui-input">
            </script>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">状态</label>
        <div class="layui-input-inline">
            <script template type="text/html">
                {{#  if(d.params.status == '1'){ }}
                <input type="checkbox" lay-filter="statusSwitch" checked lay-skin="switch" title="启用|禁用">
                {{#  } else { }}
                <input type="checkbox" lay-filter="statusSwitch" lay-skin="switch" title="启用|禁用">
                {{#  } }}
            </script>
        </div>
    </div>

    <div id="app">
        <label class="layui-form-label">权限规则</label>
        <div class="layui-input-inline" style="width: 100%">
            <div style="width: 90%;margin-left: 10%">
                <el-tree-v2 :data="treeData" :empty-text="empty_text" :height="380" :props="props"
                            @check-change="checkChange" node-key="id" ref="tree" show-checkbox/>
            </div>
        </div>
    </div>

    <script template type="text/html">
        <input type="hidden" name="id" value="{{ d.params.id }}">
        <input type="hidden" id="status" name="status" value="{{ d.params.status }}">
    </script>

    <div style="height: 50px;"></div>
    <div class="layui-form-item" style="text-align: center;">
        <label class="layui-form-label"></label>
        <div class="layui-input-inline">
            <input class="layui-btn" lay-filter="laySubmitEdit" lay-submit type="button" value="确认">
        </div>
    </div>
</div>

<script lay-done="layui.data.sendParams(d.params)" template type="text/html"></script>
<script src="../web/res/js/auth/group/other.js"></script>
